<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>产品详情</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/pro_details.css" />
		<script type="text/javascript" src="js/PIE.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/base.js"></script>
		<script src="js/pro_details.js" type="text/javascript"></script>
		<script src="js/js3city.js" type="text/javascript"></script>
	</head>

	<body>
		<div class="header_box">
			<div class="header">
				|
				<a href="login.html">登录</a>|
				<a href="register.html">注册用户</a>|
				<p style="float: left">您好，欢迎光临波士蒙斯商城</p>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>

			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>

		</div>
		<div class="com_box">
			<div class="com_img">
				<div id="preview" class="spec-preview">
					<span class="jqzoom"><img jqimg="img/y8.jpg" src="img/y8.jpg" /></span>

				</div>
				<div class="spec-scroll">
					<a class="prev"><img src="img/y9.png" /></a>
					<div class="items">
						<ul>
							<li class="on"><img bimg="img/y8.jpg" src="img/y8.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y6.jpg" src="img/y6.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y5.jpg" src="img/y5.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y4.jpg" src="img/y4.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y7.jpg" src="img/y7.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y6.jpg" src="img/y6.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y5.jpg" src="img/y5.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y4.jpg" src="img/y4.jpg" onmousemove="preview(this);"></li>
							<li><img bimg="img/y7.jpg" src="img/y7.jpg" onmousemove="preview(this);"></li>
						</ul>
					</div>
					<a class="next"><img src="img/y0.png" /></a>
				</div>
			</div>
			<div id="com_intro">
				<div id="com_name">
					<p>花花公子贵宾系列 t恤男2017 新款商务休闲时尚立领印花纯棉长袖T恤男</p><span>兔头|白色长袖</span><span>180/XL</span></div>
				<div class="com_news">
					<a href="#">新品上市，立即购买享更多优惠！！！ </a> 全店（2件8折3件6折）预购从速，卖完即止！！</div>
				<div id="com_wrap">
					<div id="dt" class="dt">
						<p>波士价</p><i>￥</i><b>199</b></div>
					<div class="dt">
						<p>优惠券</p><span>满600减80</span></div>
					<div class="dt">
						<p>促销</p><span>会员特价</span>请登录，确认是否优惠</div>
					<div class="dt">
						<p></p><span>活动预告</span><span>多买优惠</span></div>
					<div class="com_count">
						<p>累计评价</p>
						<a href="#">1.9万+</a>
					</div>
					<div class="com_move">展开促销详情<img src="img/v1.png" /></div>
				</div>
				<div class="com_stock">
					<p style="display: inline-block;">配送至</p><b><fieldset class="i">
						<select id="shen">广西壮族自治区</select>
						<select id="city">南宁市</select>
					    <select id="xian" style="display: none;"></select></fieldset></b>
					<span>有货</span>支持<span>货到付款</span>
					<p>由 <span> 花花公子专卖店</span>从 北京 发货，并提供售后服务。</p>
					<script type="text/javascript">
						addressInit('shen', 'city', 'xian', '中国大陆', '城市', '县区');
					</script>
				</div>
				<div class="choose_attrs">
					<div id="choose_attr1">
						<div class="dt">选择颜色</div>
						<div class="dd">
							<ul id="img">
								<li class="on"><img src="img/w3.jpg" /></li>
								<li><img src="img/w4.jpg" /></li>
								<li><img src="img/w5.jpg" /></li>
								<li><img src="img/w6.jpg" /></li>
								<li><img src="img/w7.jpg" /></li>
								<li><img src="img/w8.jpg" /></li>
							</ul>
						</div>
					</div>
					<div class="choose_attr2">
						<div class="dt">选择尺寸</div>
						<div class="dd">
							<ul>
								<li>170/M</li>
								<li class="on">175/L</li>
								<li>180/XL</li>
								<li>185/XXL</li>
								<li>185/3XL</li>
							</ul>
						</div>
					</div>
					<div class="choose_attr3">
						<div class="dt">分期付款</div>
						<div class="dd">
							<ul>
								<li class="on">不分期</li>
								<li>66.3*3期</li>
								<li>33.1*6期</li>
								<li>22.1*9期</li>
							</ul>
						</div>
					</div>
					<div class="choose_btn">
						<div id="choose_amount">
							<input id="text" type="text" value="1" />
							<a href="javascript:void(0)" class="add">+</a>
							<a href="javascript:void(0) " class="reduce">-</a>
						</div>
						<div id="btn_sp">
							<button>加入购物车</button>
						</div>
						<span>（库存<i id="num" style="font-style: normal;">10086</i>件）</span>
					</div>
					<div class="com_tip ">
						<p>温馨提示<span>支持7天无理由退换货</span></p>
					</div>
				</div><img class="magnifier" src="img/o3.png" />
			</div>
			<div class="com_other ">
				<h2>随便看看</h2>
				<ul>
					<li>
						<a href="pro_details.html"><img src="img/e6.png " />
							<p>七匹狼T恤 男 纯色修身短袖 夏季V领丝光棉T恤衫 灰色1件装 L(170/98)</p><i>￥198.00</i>
							<p>已有<span>500</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/e5.png " />
							<p>稻草人（MEXICAN）短袖T恤男2017夏季翻领修身POLO衫男 短袖 白 XL</p><i>￥288.00</i>
							<p>已有<span>145</span>人评价</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="comments ">
			<div class="extra ">
				<h2>推广商品</h2>
				<ul>
					<li>
						<a href="pro_details.html"><img src="img/a1.png " />
							<p>七匹狼T恤 男 纯色修身短袖 夏季V领丝光棉T恤衫 灰色1件装 L(170/98)</p><i>￥198.00</i>
							<p>已有<span>500</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/a2.png " />
							<p>稻草人（MEXICAN）短袖T恤男2017夏季翻领修身POLO衫男 短袖 白 XL</p><i>￥288.00</i>
							<p>已有<span>145</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/a3.png " />
							<p>李宁短袖T恤男2017夏季新品简约修身男士纯色T恤男 001黑色 175/92A(XL)</p><i>￥218.00</i>
							<p>已有<span>500</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/a4.png " />
							<p>南极人 2017春秋季新款长袖t恤男 纯棉韩版修身圆领打底衫薄款条纹 黑色 L</p><i>￥238.00</i>
							<p>已有<span>500</span>人评价</p>
						</a>
					</li>
					<li>
						<a href="pro_details.html"><img src="img/a5.png " />
							<p>花花公子PLAYBOYJEANS 男士短袖T恤圆领个性图案棉上衣欧美风男装夏天 71102002 白色 M</p><i>￥128.00</i>
							<p>已有<span>500</span>人评价</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="detail ">
				<div class="tab_main ">
					<ul>
						<li class="on" id="sent">
							<a href="javascript:void(0)">商品介绍</a>
						</li>
						<li>
							<a href="javascript:void(0)">规格与包装</a>
						</li>
						<li>
							<a href="javascript:void(0)">售后保障</a>
						</li>
						<li id="cuss">
							<a href="javascript:void(0)">客户评价1.9万+</a>
						</li>
						<li>
							<a href="javascript:void(0)">本店好评商品</a>
						</li>
					</ul>
				</div>
				<div class="wdt">
					<div class="pro_content" id="pro">
						<div class="pro_brand">
							<p>品牌： <span>花花公子（PLAYBOY）</span></p>
							<table border="0">
								<col width="265" />
								<col width="200" />
								<col width="220" />
								<col width="205" />
								<tbody>
									<tr>
										<td>商品名称：花花公子贵宾系列 t恤男...</td>
										<td>商品编号：123456789</td>
										<td>店铺名称：花花公子专卖店</td>
										<td>商品毛重：0.5kg</td>
									</tr>
									<tr>
										<td>商品产地：中国大陆</td>
										<td>尺码：M，L，XL，XXL...</td>
										<td>基础风格：青春流行</td>
										<td>版型：修身型</td>
									</tr>
									<tr>
										<td>主要材质：棉</td>
										<td>领型：V领</td>
										<td>流行元素：简约</td>
										<td>图案：纯色</td>
									</tr>
									<tr>
										<td>颜色：蓝色，黑色，白色</td>
										<td>风格：青春休闲</td>
										<td>袖型：长袖</td>
										<td>适用场景：日常，上班，旅游...</td>
									</tr>
									<tr>
										<td>人群：青年</td>
										<td>适用季节：秋季</td>
										<td>工艺：免烫</td>
										<td>分类：长袖T恤</td>
									</tr>
									<tr>
										<td>上市时间：2017秋季 </td>
									</tr>
								</tbody>
							</table>
							<a href="#">更多参数>>></a>
						</div>
						<div class="pro_explain">
							<img src="img/s1.jpg" />
							<img src="img/s2.png" />
							<img src="img/s3.png" style="display: block; margin: 0 auto; padding-top: 50px;" />
							<img src="img/s3.jpg" style="float: left; margin-left: 0px;" />
							<img src="img/s4.jpg" style="float: right;" /></div>
					</div>
					<div class="com_content" id="com" style="display: none;">
						<div class="mt ">
							<h3>商品评价</h3></div>
						<div class="mc ">
							<div class="com_info ">
								<div class="com_percent ">
									<p>好评率<br /><span>99.9%</span></p>
									<ul>
										<li>大小合适（8972）</li>
										<li>质量很好（7764）</li>
										<li>图案好看（6580）</li>
										<li>穿着舒适（5380）</li>
										<li>款式新颖（4270）</li>
										<li>颜色好看（4016）</li>
										<li>面料不错（3888）</li>
									</ul>
								</div>
							</div>
							<div class="tab_nav ">
								<ul>
									<li class="on ">
										<a href="# ">全部评价（1.9万+）</a>
									</li>
									<li>
										<a href="# ">晒图（3014）</a>
									</li>
									<li>
										<a href="# ">追评（799）</a>
									</li>
									<li>
										<a href="# ">好评（1.8万+）</a>
									</li>
									<li>
										<a href="# ">中评（360+）</a>
									</li>
									<li>
										<a href="# ">差评（68+）</a>
									</li>
								</ul>
								<div class="current ">按时间排序<img src="img/v1.png " /></div>
							</div>
							<div class="com_item ">
								<ul>
									<li>
										<div class="user_column ">
											<p><img src="img/v2.png " /><span>路*甲</span></p>
											<p>积分10086</p>
										</div>
										<div class="com_column ">
											<div class="com_star ">
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
											</div>
											<p>跟图一样，面料很好，穿起来很舒服</p>
											<div class="com_message ">
												<div class="order_info ">兔头|白色长袖170/M 2017-10-15 12:38</div>
												<div class="com_op ">
													<a href="# ">举报</a>
													<a href="# ">点赞</a>
													<a href="# ">留言</a>
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="user_column ">
											<p><img src="img/v2.png " /><span>s***g</span></p>
											<p>积分12580</p>
										</div>
										<div class="com_column ">
											<div class="com_star ">
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
											</div>
											<p>一般般吧，勉强感觉可以</p>
											<div class="com_message ">
												<div class="order_info ">兔头|白色长袖185/XXL 2017-10-15 14:20</div>
												<div class="com_op ">
													<a href="# ">举报</a>
													<a href="# ">点赞</a>
													<a href="# ">留言</a>
												</div>
											</div>
											<div class="com_app ">
												<p>花花公子专卖店 回复:</p>
												<p>当您收到货品有任何疑问，请联系在线客服，我们会第一时间为您竭诚服务。期待您的再次光临！</p>
												<p><span>2017.10.15	</span><span>15:30</span></p>
											</div>
										</div>
									</li>
									<li>
										<div class="user_column ">
											<p><img src="img/v2.png " /><span>d***h</span></p>
											<p>积分12450</p>
										</div>
										<div class="com_column ">
											<div class="com_star ">
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
												<i><img src="img/v3.png " /></i>
											</div>
											<p>今天刚到的衣服，很期待，打开第一感觉很喜欢，面料很舒服，和以前买的舒服多了，本来不想买的，买件长袖穿，但是一眼看中这件了，反正便宜，再买吧</p>
											<div class="pic">
												<a href="javascript:viod(0)"><img src="img/v4.png " /></a>
												<a href="javascript:viod(0)"><img src="img/v5.png " /></a>
												<a href="javascript:viod(0)"><img src="img/v6.png " /></a>
												<a href="javascript:viod(0)"><img src="img/v7.png " /></a>
												<a href="javascript:viod(0)"><img src="img/v5.png " /></a>
												<a href="javascript:viod(0)"><img src="img/v4.png " /></a>
												<a href="javascript:viod(0)"><img src="img/v7.png " /></a>
												<a href="javascript:viod(0)"><img src="img/v5.png " /></a>
											</div>
											<div class="pig_pic"></div>
											<div class="com_message ">
												<div class="order_info ">T361藏青色185/XXL 2017-09-16 21:41</div>
												<div class="com_op ">
													<a href="# ">举报</a>
													<a href="# ">点赞</a>
													<a href="# ">留言</a>
												</div>
											</div>
											<div class="com_app ">
												<p>广穗服饰男装专营店 回复：</p>
												<p>尊敬的顾客，您好！感谢您选择我们广穗服饰男装。不同的产品有不同的设计理念，这款产品还是非常不错的呢，同时您不满意的地方也希望您提出宝贵意见，我们一直在吸收各方面的建议，不断优化我们的产品和服务呢。另外我们店铺内的产品众多，您可以多逛逛，选择自己喜欢的款式购买哦。如果有任何需要，记得联系我们的在线客服进行咨询，我们将竭诚为您服务呢。</p>
												<p><span>2017.9.17</span><span>9:00</span></p>
											</div>
										</div>
									</li>
									<li>
										<div class="user_column ">
											<p><img src="img/v2.png " /><span>s***g</span></p>
											<p>积分12450</p>
										</div>
										<div class="com_column ">
											<div class="com_star ">
												<i><img src="img/v3.png " /></i>
											</div>
											<p>货不对版啊，颜色太深</p>
											<div class="pic ">
												<a href="javascript:viod(0)"><img class="on" src="img/v8.png " /></a>
											</div>
											<div class="pig_pic"><img src="img/v9.png " style="margin-top: 20px; " /></div>

											<div class="com_message ">
												<div class="order_info ">GK|灰色长袖180/XL 2017-11-17 12:27</div>
												<div class="com_op ">
													<a href="# ">举报</a>
													<a href="# ">点赞</a>
													<a href="# ">留言</a>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="page_box ">
								<a href="# ">上一页</a>
								<a class="on " href="# ">1</a>
								<a href="# ">2</a>
								<a href="# ">3</a>
								<a href="# ">4</a>
								...
								<a href="# ">123</a>
								<a href="# ">下一页</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer ">
			<ul>
				<li><img src="img/j.png " />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png " />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png " />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png " />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help ">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="# ">导购演示</a>
					</dd>
					<dd>
						<a href="# ">免费注册</a>
					</dd>
					<dd>
						<a href="# ">会员等级</a>
					</dd>
					<dd>
						<a href="# ">常见问题</a>
					</dd>
					<dd>
						<a href="# ">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="# ">网银支付</a>
					</dd>
					<dd>
						<a href="# ">快捷支付</a>
					</dd>
					<dd>
						<a href="# ">分期支付</a>
					</dd>
					<dd>
						<a href="# ">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="# ">免运费政策</a>
					</dd>
					<dd>
						<a href="# ">配送服务承诺</a>
					</dd>
					<dd>
						<a href="# ">验货签收</a>
					</dd>
					<dd>
						<a href="# ">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="# ">退换货政策</a>
					</dd>
					<dd>
						<a href="# ">退换货流程</a>
					</dd>
					<dd>
						<a href="# ">购买延保服务</a>
					</dd>
					<dd>
						<a href="# ">退款说明</a>
					</dd>
					<dd>
						<a href="# ">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="# ">商家入驻</a>
					</dd>
					<dd>
						<a href="# ">培训中心</a>
					</dd>
					<dd>
						<a href="# ">广告服务</a>
					</dd>
					<dd>
						<a href="# ">商家帮助</a>
					</dd>
					<dd>
						<a href="# ">服务市场</a>
					</dd>
					<dd>
						<a href="# ">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="# ">连锁门店</a>
					</dd>
					<dd>
						<a href="# ">地理位置</a>
					</dd>
					<dd>
						<a href="# ">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright ">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>